JavaScript Full Course (2023) - Beginner to Pro - Part 1

318K subscribers

2,463,264 views Apr 4, 2023 1. Tutorials

In part 1 of this JavaScript tutorial and JavaScript full course, we learn how to build websites with JavaScript and use it with HTML and CSS. Exercise solutions: https://github.com/SuperSimpleDev/jav... Copy of the code: https://github.com/SuperSimpleDev/jav... HTML CSS Full course:

• HTML & CSS Full Course - Beginner to Pro 🎓 Get a certificate for HTML CSS with premium learning experience & support SuperSimpleDev! ❤️ https://courses.supersimple.dev/cours... A.I. tool for searching for code: https://chat.openai.com/chat Lessons: 0:00 Intro 1:47 1. JavaScript Basics 14:51 2. Numbers and Math 45:25 3. Strings 1:11:30 4. HTML CSS Review, console.log 1:56:35 5. Variables 2:42:30 6. Booleans and If-Statements 3:49:51 7. Functions 4:34:44 8. Objects 5:51:43 9. Document Object Model (DOM) 7:12:03 10. HTML, CSS, and JavaScript Together 8:21:19 11. Arrays and Loops 9:26:38 11 (Part 2). Arrays and Loops 10:16:22 12. Advanced Functions 11:02:26 12 (Part 2). Advanced Functions 11:55:49 Projects and Ending Additional Information: This JavaScript tutorial and JavaScript full course is a project based series of JavaScript tutorials for aspiring software engineers, teaching the main skills that we need to create complex, interactive websites. Each JavaScript tutorial builds on a project and provides some JavaScript exercises to practice what we learned. By the end, we'll learn how to create complex, interactive websites with HTML, CSS, and JavaScript and we'll continue our journey to becoming a web developer and software engineer. #javascript #javascripttutorial #javascriptfullcourse #js #javascriptcourse #webdevelopment #advancedjavascript #advancedjavascripttutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev #html #css #htmlcssjavascript #htmlcssjavascripttutorial

Intro

1. JavaScript Basics

2. Numbers and Math

3. Strings

4. HTML CSS Review, console.log

5. Variables

6. Booleans and If-Statements

7. Functions

Featured playlist

1. Tutorials

SuperSimpleDev

Shorts remixing this video

August 11, 2023

266 views

August 24, 2023

72 views

Transcript

Follow along using the transcript.

SuperSimpleDev

318K subscribers

Show less

3,578 Comments

Add a comment...

Pinned by SuperSimpleDev

@SuperSimpleDev

7 months ago (edited)

Update: subtitles have been updated and should now match the video! Note: there was issue in lesson 1 in the previous version of this video so I fixed it and re-uploaded. This new video has 37 seconds extra in lesson 1 compared to the old video so if you were following the old video, you can add about 37 seconds to get back to where you were. Issues and solutions: - No issues with the code.

Read more

·

@rancoxu

6 months ago (edited)

A$10.00

I’ve watched your CSS and HTML tutorial and absolutely enjoyed it. Thank you so much for producing such high quality tutorials that benefit myself and many more people around the world!

·

@sweetiepea4781

I’m literally only 10 minutes in and I’m blown away by how well and detailed this course is- this is the kind of tutorial I’ve been searching for. Thank you so much for creating this

@DontGetItTwistedx

2 months ago (edited)

I am a beginner in programming and this is by far the best tutorial on JS that I have ever seen. I finished your amazing tutorial on HTML and CSS and I am so happy there are people who can create such content for free. Thank you so much for your hard work you put into this video.

@pbinod

I'm already a huge admirer of your teaching style, especially from your HTML and CSS lecture. Unlike some of the JavaScript courses I've taken in the past, what really sets your approach apart is the focus on project-based learning and the meticulous attention to smaller details. It's hard for me to put into words how much I appreciate your teaching. could you consider creating a video on React and Backend development soon? That would be fantastic!

@bijayaguragain

Thank you so much Simon, your explanation and the exercise make it more easy to understand. Everyone HIT LIKE for "REACT" tutorial.

@mnomanmalik

2 months ago (edited)

Day-1 25Aug23 01:11:30 Day-2 26Aug23 02:32:40 Day-3 28Aug23 03:02:28 Day-4 29Aug23 04:03:23 Day-5 30Aug23 05:04:00 Day-6 02Sep23 05:52:00 Day-7 03Sep23 06:30:00 Day-8 05Sep23 07:11:42 Day-9 06Sep23 08:11:00 Day-10 07Sep23 08:20:54 Day-11 09Sep23 09:26:12 Day-12 10Sep23 10:00:00 Day-13 13Sep23 11:01:52 Day-14 15Sep23 Finished !!!

Read more

@user-wy2my9wp7r

I am a sixty years old spanish speaker and I didn't think I could learn programming until my daughter told me about your videos. I followed HTML and CSS course and I loved it. I'm starting part 1 of Javascript. I tried other youtubers but it didn't work, yours it's so simple and so well explained with all the exercises to practice. Thank you so much it means so much to me. Best regards from Madrid, Spain

@venkat9078

Around a year back, i started web development watching your css and html tutorial. Right now i am working as a junior developer full time. Thank you

@devakvashisht

Key Takeaways for quick navigation: 00:59

Covers JavaScript basics, major features, and integration with HTML and CSS in Part 1. 03:17

HTML creates content, CSS changes appearance, and JavaScript makes websites interactive. 04:59

️ Start with installing a web browser (Chrome recommended) for viewing and running JavaScript code. 11:26

Basic math operations (+, -, *, /) and order of operations (PEMDAS) are fundamental in JavaScript. 32:45

Computers can have precision issues with floating point numbers due to binary representation limitations. 34:52

Calculating with cents instead of dollars can avoid inaccuracies when dealing with money in programming. 45:44

Strings represent text in JavaScript; use single or double quotes for strings, and use escape characters like `\n` for new lines. 49:10

JavaScript automatically converts numbers to strings when combined; use escape characters or different quotes for special characters in strings. 01:08:22

️ Interpolation is a cleaner method than concatenation for inserting values into strings in JavaScript. 01:08:54

Template strings allow multi-line strings and are recommended for inserting values and creating readable code. 01:09:30

Multi-line strings are a feature of template strings in JavaScript, improving code readability. 01:10:05

Single quotes are recommended as the default choice for creating strings, use template strings for value insertion and multi-line strings. 01:12:01

️ Visual Studio Code (VS Code) is a popular code editor for web development, used for HTML, CSS, and JavaScript. 01:19:32

️ Nesting elements and organizing code improves readability and maintainability. 01:40:12

️ VS Code Setup: Explanation of indents and how to set tab size and indents for code readability. 01:43:36

Line Wrapping: Enabling word wrap in VS Code to improve code readability and avoid horizontal scrolling. 01:46:25

Using script tags: Differentiating between using

Read more

@Mia-pq3ww

I self-studied my IT a levels and I solely depend on this channel for the practical paper. My results were great and I want to give my respect and share my gratitude for this channel and the teacher who helped me do that. With very thorough lessons and explanations along with effective exercises, this channel is doing like no other.

@CodingLover-zr6vu

15 hours ago (edited)

₹100.00

Thank u sooooo very much sir

i am a non - CS graduate, recently decided to switch my career to tech & started learning Web Development !! and i just can't tell u that how much i have learned from these "Ocean of knowledge" lectures of yours..... your speed of talking.... dialogue delivery.... explaining every thing even minute things in detail...... everthing is just awesome (specially for a beginner like me who don't have any prior coding experience ) When i was starting i was a little bit worried as i can't afford those highly expensive paid courses/bootcamps but then i discovered you channel & it was a big relief.... it's an humble request , if possible kindly make such detailed tutorial on React.Js as well....would be really grateful to you Lots of Love & respect from INDIA sir 🇮🇳

Read more

@umbriaco

This course is a blessing for people going the self-taught route. Your approach to teaching makes the information easy to digest for anyone interested in learning and the exercises helps the information stick as well as creating a better understanding of the principals. I highly doubt a better course exists in the free space. You are a gift to us all, Simon. Thank you, truly.

@korooshalizadeh

being good at js is one thing, but being able to explain these abstract concepts in such a simple way is something very few can do, good job!

@marymaundu1702

You really teach so well. I did your HTML CSS course and now I feel confident writing CSS. Let me do this one too. Please never stop teaching. Your videos are so much appreciated. Also could you do a react JS tutorial?

@MythMethuselah

This is nothing short of a monumental act of charity. A lot of people are going to be putting you in their prayers of thanks and praise. I am doing a multi-run over this series, I've finished the first run for notes about syntax convention, data structure, data movement and finally best practices. Now I'll run back over it for the exercises (to get myself use to the thought processes for algorithm formation and the formality of document formatting). I find this to be faster and fresher for me than the way I did the HTML and CSS series. I'm more of a programmer than a illustrative designer, so I did find the JavaScript series more galvanising. This is such a well done series (both JS and HTML/CSS) on web development that I found myself wondering how I would have been able to explain it as well as you; by that I mean the way you chose to order the series and how well one topic led into another. I can't imagine any bootcamp being better with respect to fully kitting out an individual to the level of being able to produce their own highly interactive frontend. From here people can learn frameworks should they wish or APIs and seamlessly integrate that knowledge with what you have taught here. I'll be looking at some backend frameworks after this. If you hadn't already given so much I'd be cheeky enough to suggest that you give a tutorial on constructing teaching courses, because this has been a masterclass. God bless.

Read more

@EnvergadoGames

The way you have put up this course is just incredible. I cannot imagine the time it took with all this, from creating the website to layering all the excersise folders. And your pedagogics are excellent, clear and good explanation throughout the video.

@azureharris8647

I been struggling a lot with javascript lately and I just want to thank you for this tutorial. I appreciate your in dept approach. Im only 3 hours in so far and doing all your excersizes and watching this video is helping me tremendously

@madmalik2776

I was waiting for this course for a long time and must say it was worth it. This is the best JavaScript course that exists on YouTube. Thank you so much, Simone, for this amazing content

@meloDOD

Im nearly an hour in and am so excited to find a practical application to bring together my learning. Your way of speaking and describing with type-as-you-go examples is what Ive needed. Brilliant, sir!

Intro

1. JavaScript Basics

2. Numbers and Math

3. Strings

4. HTML CSS Review, console.log

5. Variables

6. Booleans and If-Statements

7. Functions

8. Objects

9. Document Object Model (DOM)

10. HTML, CSS, and JavaScript Together

11. Arrays and Loops

11 (Part 2). Arrays and Loops

12. Advanced Functions

12 (Part 2). Advanced Functions

Projects and Ending

JavaScript Full Course (2023) - Beginner to Pro - Part 1

SuperSimpleDev

58K

Likes

Apr 4

2023

In part 1 of this JavaScript tutorial and JavaScript full course, we learn how to build websites with JavaScript and use it with HTML and CSS. Exercise solutions: https://github.com/SuperSimpleDev/jav... Copy of the code: https://github.com/SuperSimpleDev/jav... HTML CSS Full course: • HTML & CSS Full Course - Beginner to Pro 🎓 Get a certificate for HTML CSS with premium learning experience & support SuperSimpleDev! ❤️ https://courses.supersimple.dev/cours... A.I. tool for searching for code: https://chat.openai.com/chat Lessons: 0:00 Intro 1:47 1. JavaScript Basics 14:51 2. Numbers and Math 45:25 3. Strings 1:11:30 4. HTML CSS Review, console.log 1:56:35 5. Variables 2:42:30 6. Booleans and If-Statements 3:49:51 7. Functions 4:34:44 8. Objects 5:51:43 9. Document Object Model (DOM) 7:12:03 10. HTML, CSS, and JavaScript Together 8:21:19 11. Arrays and Loops 9:26:38 11 (Part 2). Arrays and Loops 10:16:22 12. Advanced Functions 11:02:26 12 (Part 2). Advanced Functions 11:55:49 Projects and Ending Additional Information: This JavaScript tutorial and JavaScript full course is a project based series of JavaScript tutorials for aspiring software engineers, teaching the main skills that we need to create complex, interactive websites. Each JavaScript tutorial builds on a project and provides some JavaScript exercises to practice what we learned. By the end, we'll learn how to create complex, interactive websites with HTML, CSS, and JavaScript and we'll continue our journey to becoming a web developer and software engineer. #javascript #javascripttutorial #javascriptfullcourse #js #javascriptcourse #webdevelopment #advancedjavascript #advancedjavascripttutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev #html #css #htmlcssjavascript #htmlcssjavascripttutorial

Intro

1. JavaScript Basics

2. Numbers and Math

3. Strings

Featured playlist

1. Tutorials

SuperSimpleDev

Shorts remixing this video

August 11, 2023

266 views

August 24, 2023

72 views

Transcript

Follow along using the transcript.

SuperSimpleDev

318K subscribers